<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Google Visualization API Sample</title>
  <script type="text/javascript" src="//www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load('visualization', '1', {packages: ['table']});
    
    {{ INSERT_JAVASCRIPT_HERE }}
    
    google.setOnLoadCallback(drawVisualizations);
  </script>
</head>
<body style="font-family: Arial;border: 0 none;">
<table>
  <tbody>
    <tr>
      <td>
        <div>
          Original data table.
          <div id="original_data_table" style="width: 400px; height: 400px;"></div>
        </div>
      </td>
      <td>
        <div>
          Cloned data table after several modifications.
        </div>
        <div id="modified_data_table" style="width: 400px; height: 400px;"></div>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>
